<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" dir="ltr" lang="en-US"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" dir="ltr" lang="en-US"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" dir="ltr" lang="en-US"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!-->
<html dir="ltr" lang="en-US"> <!--<![endif]-->
<head>

    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"/>

    <title>Gallery :: Caffeine Admin Template</title>

    <link rel="stylesheet" href="css/ui-lightness/jquery-ui-1.8.18.custom.css" type="text/css" media="screen"/>
    <link rel="stylesheet" href="css/prettyPhoto.css" type="text/css"/>
    <link rel="stylesheet" href="css/jquery.Jcrop.css" type="text/css"/>
    <link rel="stylesheet" href="css/icons.css" type="text/css"/>
    <link rel="stylesheet" href="css/forms.css" type="text/css"/>
    <link rel="stylesheet" href="css/tables.css" type="text/css"/>
    <link rel="stylesheet" href="css/ui.css" type="text/css"/>
    <link rel="stylesheet" href="css/style.css" type="text/css"/>
    <link rel="stylesheet" href="css/responsiveness.css" type="text/css"/>

    <!-- jQuery -->
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/jquery-ui.min.js"></script>
    <script type="text/javascript" src="js/jquery.knob.js"></script>
    <script type="text/javascript" src="js/jquery.prettyPhoto.js"></script>
    <script type="text/javascript" src="js/jquery.Jcrop.min.js"></script>

    <script type="text/javascript" src="js/custom.js"></script>

    <!--[if IE]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]-->
    <!--[if lte IE 7]>
    <script src="js/IE8.js" type="text/javascript"></script> <![endif]-->
    <!--[if lt IE 7]>
    <link rel="stylesheet" type="text/css" media="all" href="css/ie6.css"/> <![endif]-->

</head>

<body id="index" class="home">

<div id="loading-block"></div>

<div id="container">
    <?php include 'header.php';?>
    <div class="clear"></div>
    <?php include 'navigator.php';?>

    <section id="playground">
        <?php include 'breadcrumb.php';?>
        <?php include 'search-box.php';?>

        <div class="clear"></div>

        <section class="full-width">
            <div class="box no-bg">
                <h1>Image Gallery</h1>

                <p>Ut diam risus, dictum sit amet facilisis pellentesque, interdum in neque. Duis sit amet adipiscing
                    leo. Phasellus dolor felis, iaculis at egestas non, dignissim at libero. Nunc congue dolor risus.
                    Sed adipiscing consequat dolor, sed suscipit diam egestas vel. Maecenas sed mauris sed erat viverra
                    faucibus. Duis aliquet dolor eget nulla vehicula a condimentum neque adipiscing. Quisque placerat
                    pulvinar felis, at venenatis arcu suscipit in. Phasellus varius libero eu nunc vehicula accumsan.
                    Vestibulum porttitor tempor sollicitudin. Duis accumsan tincidunt lectus, sed tempor metus mollis
                    vitae.</p>
            </div>
        </section>

        <div class="clear"></div>

        <section class="three-fourths">
            <div class="box no-bg">
                <div class="gallery-item">
                    <a href="img/demo-img-big.jpg" rel="prettyPhoto[gallery1]"><img src="img/demo-img.jpg" alt=""/></a>
                        <span class="options">
                            <a href="#" class="tipsy-trigger" data-tipsy-direction="s" title="Mark as featured"><span
                                    class="icon awesome star"></span></a>
                            <a href="#" class="tipsy-trigger" data-tipsy-direction="s" title="Edit tags"><span
                                    class="icon awesome tag"></span></a>
                            <a href="#" class="fright tipsy-trigger" data-tipsy-direction="s" title="Delete"><span
                                    class="icon awesome trash"></span></a>
                            <a href="#" class="fright tipsy-trigger" data-tipsy-direction="s" title="Edit"><span
                                    class="icon awesome pencil"></span></a>
                        </span>
                </div>

                <div class="gallery-item">
                    <a href="img/demo-img-big.jpg" rel="prettyPhoto[gallery1]"><img src="img/demo-img-1.jpg"
                                                                                    alt=""/></a>
                        <span class="options">
                            <a href="#" class="tipsy-trigger" data-tipsy-direction="s" title="Mark as featured"><span
                                    class="icon awesome star"></span></a>
                            <a href="#" class="tipsy-trigger" data-tipsy-direction="s" title="Edit tags"><span
                                    class="icon awesome tag"></span></a>
                            <a href="#" class="fright tipsy-trigger" data-tipsy-direction="s" title="Delete"><span
                                    class="icon awesome trash"></span></a>
                            <a href="#" class="fright tipsy-trigger" data-tipsy-direction="s" title="Edit"><span
                                    class="icon awesome pencil"></span></a>
                        </span>
                </div>

                <div class="gallery-item">
                    <a href="img/demo-img-big.jpg" rel="prettyPhoto[gallery1]"><img src="img/demo-img-4.jpg"
                                                                                    alt=""/></a>
                        <span class="options">
                            <a href="#" class="tipsy-trigger" data-tipsy-direction="s" title="Mark as featured"><span
                                    class="icon awesome star"></span></a>
                            <a href="#" class="tipsy-trigger" data-tipsy-direction="s" title="Edit tags"><span
                                    class="icon awesome tag"></span></a>
                            <a href="#" class="fright tipsy-trigger" data-tipsy-direction="s" title="Delete"><span
                                    class="icon awesome trash"></span></a>
                            <a href="#" class="fright tipsy-trigger" data-tipsy-direction="s" title="Edit"><span
                                    class="icon awesome pencil"></span></a>
                        </span>
                </div>

                <div class="gallery-item">
                    <a href="img/demo-img-big.jpg" rel="prettyPhoto[gallery1]"><img src="img/demo-img.jpg" alt=""/></a>
                        <span class="options">
                            <a href="#" class="tipsy-trigger" data-tipsy-direction="s" title="Mark as featured"><span
                                    class="icon awesome star"></span></a>
                            <a href="#" class="tipsy-trigger" data-tipsy-direction="s" title="Edit tags"><span
                                    class="icon awesome tag"></span></a>
                            <a href="#" class="fright tipsy-trigger" data-tipsy-direction="s" title="Delete"><span
                                    class="icon awesome trash"></span></a>
                            <a href="#" class="fright tipsy-trigger" data-tipsy-direction="s" title="Edit"><span
                                    class="icon awesome pencil"></span></a>
                        </span>
                </div>

                <div class="gallery-item">
                    <a href="img/demo-img-big.jpg" rel="prettyPhoto[gallery1]"><img src="img/demo-img-1.jpg"
                                                                                    alt=""/></a>
                        <span class="options">
                            <a href="#" class="tipsy-trigger" data-tipsy-direction="s" title="Mark as featured"><span
                                    class="icon awesome star"></span></a>
                            <a href="#" class="tipsy-trigger" data-tipsy-direction="s" title="Edit tags"><span
                                    class="icon awesome tag"></span></a>
                            <a href="#" class="fright tipsy-trigger" data-tipsy-direction="s" title="Delete"><span
                                    class="icon awesome trash"></span></a>
                            <a href="#" class="fright tipsy-trigger" data-tipsy-direction="s" title="Edit"><span
                                    class="icon awesome pencil"></span></a>
                        </span>
                </div>

                <div class="gallery-item">
                    <a href="img/demo-img-big.jpg" rel="prettyPhoto[gallery1]"><img src="img/demo-img-2.jpg"
                                                                                    alt=""/></a>
                        <span class="options">
                            <a href="#" class="tipsy-trigger" data-tipsy-direction="s" title="Mark as featured"><span
                                    class="icon awesome star"></span></a>
                            <a href="#" class="tipsy-trigger" data-tipsy-direction="s" title="Edit tags"><span
                                    class="icon awesome tag"></span></a>
                            <a href="#" class="fright tipsy-trigger" data-tipsy-direction="s" title="Delete"><span
                                    class="icon awesome trash"></span></a>
                            <a href="#" class="fright tipsy-trigger" data-tipsy-direction="s" title="Edit"><span
                                    class="icon awesome pencil"></span></a>
                        </span>
                </div>

                <div class="gallery-item">
                    <a href="img/demo-img-big.jpg" rel="prettyPhoto[gallery1]"><img src="img/demo-img-3.jpg"
                                                                                    alt=""/></a>
                        <span class="options">
                            <a href="#" class="tipsy-trigger" data-tipsy-direction="s" title="Mark as featured"><span
                                    class="icon awesome star"></span></a>
                            <a href="#" class="tipsy-trigger" data-tipsy-direction="s" title="Edit tags"><span
                                    class="icon awesome tag"></span></a>
                            <a href="#" class="fright tipsy-trigger" data-tipsy-direction="s" title="Delete"><span
                                    class="icon awesome trash"></span></a>
                            <a href="#" class="fright tipsy-trigger" data-tipsy-direction="s" title="Edit"><span
                                    class="icon awesome pencil"></span></a>
                        </span>
                </div>

                <div class="gallery-item">
                    <a href="img/demo-img-big.jpg" rel="prettyPhoto[gallery1]"><img src="img/demo-img-2.jpg"
                                                                                    alt=""/></a>
                        <span class="options">
                            <a href="#" class="tipsy-trigger" data-tipsy-direction="s" title="Mark as featured"><span
                                    class="icon awesome star"></span></a>
                            <a href="#" class="tipsy-trigger" data-tipsy-direction="s" title="Edit tags"><span
                                    class="icon awesome tag"></span></a>
                            <a href="#" class="fright tipsy-trigger" data-tipsy-direction="s" title="Delete"><span
                                    class="icon awesome trash"></span></a>
                            <a href="#" class="fright tipsy-trigger" data-tipsy-direction="s" title="Edit"><span
                                    class="icon awesome pencil"></span></a>
                        </span>
                </div>

                <div class="gallery-item">
                    <a href="img/demo-img-big.jpg" rel="prettyPhoto[gallery1]"><img src="img/demo-img-3.jpg"
                                                                                    alt=""/></a>
                        <span class="options">
                            <a href="#" class="tipsy-trigger" data-tipsy-direction="s" title="Mark as featured"><span
                                    class="icon awesome star"></span></a>
                            <a href="#" class="tipsy-trigger" data-tipsy-direction="s" title="Edit tags"><span
                                    class="icon awesome tag"></span></a>
                            <a href="#" class="fright tipsy-trigger" data-tipsy-direction="s" title="Delete"><span
                                    class="icon awesome trash"></span></a>
                            <a href="#" class="fright tipsy-trigger" data-tipsy-direction="s" title="Edit"><span
                                    class="icon awesome pencil"></span></a>
                        </span>
                </div>

                <div class="gallery-item">
                    <a href="img/demo-img-big.jpg" rel="prettyPhoto[gallery1]"><img src="img/demo-img-4.jpg"
                                                                                    alt=""/></a>
                        <span class="options">
                            <a href="#" class="tipsy-trigger" data-tipsy-direction="s" title="Mark as featured"><span
                                    class="icon awesome star"></span></a>
                            <a href="#" class="tipsy-trigger" data-tipsy-direction="s" title="Edit tags"><span
                                    class="icon awesome tag"></span></a>
                            <a href="#" class="fright tipsy-trigger" data-tipsy-direction="s" title="Delete"><span
                                    class="icon awesome trash"></span></a>
                            <a href="#" class="fright tipsy-trigger" data-tipsy-direction="s" title="Edit"><span
                                    class="icon awesome pencil"></span></a>
                        </span>
                </div>

                <div class="gallery-item">
                    <a href="img/demo-img-big.jpg" rel="prettyPhoto[gallery1]"><img src="img/demo-img.jpg" alt=""/></a>
                        <span class="options">
                            <a href="#" class="tipsy-trigger" data-tipsy-direction="s" title="Mark as featured"><span
                                    class="icon awesome star"></span></a>
                            <a href="#" class="tipsy-trigger" data-tipsy-direction="s" title="Edit tags"><span
                                    class="icon awesome tag"></span></a>
                            <a href="#" class="fright tipsy-trigger" data-tipsy-direction="s" title="Delete"><span
                                    class="icon awesome trash"></span></a>
                            <a href="#" class="fright tipsy-trigger" data-tipsy-direction="s" title="Edit"><span
                                    class="icon awesome pencil"></span></a>
                        </span>
                </div>

                <div class="gallery-item">
                    <a href="img/demo-img-big.jpg" rel="prettyPhoto[gallery1]"><img src="img/demo-img-4.jpg"
                                                                                    alt=""/></a>
                        <span class="options">
                            <a href="#" class="tipsy-trigger" data-tipsy-direction="s" title="Mark as featured"><span
                                    class="icon awesome star"></span></a>
                            <a href="#" class="tipsy-trigger" data-tipsy-direction="s" title="Edit tags"><span
                                    class="icon awesome tag"></span></a>
                            <a href="#" class="fright tipsy-trigger" data-tipsy-direction="s" title="Delete"><span
                                    class="icon awesome trash"></span></a>
                            <a href="#" class="fright tipsy-trigger" data-tipsy-direction="s" title="Edit"><span
                                    class="icon awesome pencil"></span></a>
                        </span>
                </div>

                <div class="gallery-item">
                    <a href="img/demo-img-big.jpg" rel="prettyPhoto[gallery1]"><img src="img/demo-img-1.jpg"
                                                                                    alt=""/></a>
                        <span class="options">
                            <a href="#" class="tipsy-trigger" data-tipsy-direction="s" title="Mark as featured"><span
                                    class="icon awesome star"></span></a>
                            <a href="#" class="tipsy-trigger" data-tipsy-direction="s" title="Edit tags"><span
                                    class="icon awesome tag"></span></a>
                            <a href="#" class="fright tipsy-trigger" data-tipsy-direction="s" title="Delete"><span
                                    class="icon awesome trash"></span></a>
                            <a href="#" class="fright tipsy-trigger" data-tipsy-direction="s" title="Edit"><span
                                    class="icon awesome pencil"></span></a>
                        </span>
                </div>

                <div class="gallery-item">
                    <a href="img/demo-img-big.jpg" rel="prettyPhoto[gallery1]"><img src="img/demo-img-2.jpg"
                                                                                    alt=""/></a>
                        <span class="options">
                            <a href="#" class="tipsy-trigger" data-tipsy-direction="s" title="Mark as featured"><span
                                    class="icon awesome star"></span></a>
                            <a href="#" class="tipsy-trigger" data-tipsy-direction="s" title="Edit tags"><span
                                    class="icon awesome tag"></span></a>
                            <a href="#" class="fright tipsy-trigger" data-tipsy-direction="s" title="Delete"><span
                                    class="icon awesome trash"></span></a>
                            <a href="#" class="fright tipsy-trigger" data-tipsy-direction="s" title="Edit"><span
                                    class="icon awesome pencil"></span></a>
                        </span>
                </div>

                <div class="gallery-item">
                    <a href="img/demo-img-big.jpg" rel="prettyPhoto[gallery1]"><img src="img/demo-img-3.jpg"
                                                                                    alt=""/></a>
                        <span class="options">
                            <a href="#" class="tipsy-trigger" data-tipsy-direction="s" title="Mark as featured"><span
                                    class="icon awesome star"></span></a>
                            <a href="#" class="tipsy-trigger" data-tipsy-direction="s" title="Edit tags"><span
                                    class="icon awesome tag"></span></a>
                            <a href="#" class="fright tipsy-trigger" data-tipsy-direction="s" title="Delete"><span
                                    class="icon awesome trash"></span></a>
                            <a href="#" class="fright tipsy-trigger" data-tipsy-direction="s" title="Edit"><span
                                    class="icon awesome pencil"></span></a>
                        </span>
                </div>


            </div>
        </section>

        <section class="one-half"></section>

        <div class="clear"></div>
        <div class="full-width right">
            <div class="box no-bg">
                <div class="line-separator"></div>
                <span class="copyright">by <a href="http://www.creepypixel.com/" class="creepy-logo fright"></a></span>
            </div>
        </div>
    </section>
</div>

</body>
</html>